<html class="fl-android" data-screenwidth="375" style="font-size: 50px;">

<head>
    <title>淘宝返利助手</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-dns-prefetch-control" content="on">

    <script type="text/javascript" id="J_script_attrsniffer" data-remwidth="750">
        !function(){var e,t,a,n=navigator.userAgent.toLowerCase(),o=navigator.appVersion,i=document.documentElement,r=/ip(hone|od|ad)/i.test(n),s={iphone:"iphone",ipod:"ipod",ipad:"ipad",samsung:"samsung|sm-",huawei:"huawei",meizu:"mx[0-9]+"},d=/context\:([^\s]+)/i.exec(n);for(a in r?(i.classList.add("fl-ios"),e=o.match(/OS (\d+)[_\.](?:\d+)[_\.]?(?:\d+)?/),8<=(t=parseInt(e[1],10))&&i.classList.add("fl-hairlines")):(e=o,t=parseInt(n.substr(n.indexOf("android")+8,3)),i.classList.add("fl-android"),t<6&&i.classList.add("fl-android-"+t)),s){if(s.hasOwnProperty(a)&&new RegExp("\\b"+s[a]+"\\b").test(n)){i.classList.add("fl-"+a);break}}d&&"com"==d[1]&&document.querySelector("meta[name=viewport]").setAttribute("content","initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0")}(),function(e,o){var i,t,r,a=o.querySelector("#J_script_attrsniffer"),n="onorientationchange" in e?"orientationchange":"resize",s=null,d=navigator.userAgent.toLowerCase(),c=/ip(hone|od|ad)/i.test(d),l=-1<d.indexOf("fanli"),u=/ipad/i.test(d);function m(){var e,t=o.documentElement,a=l&&c&&!u?window.screen.width:t.getBoundingClientRect().width,n=a/i*100;r&&"[remmaxwidth]"!==r&&n>Number(r)&&(n=Number(r)),t.setAttribute("data-screenwidth",a),t.style.fontSize=n+"px",e=parseFloat(window.getComputedStyle(t,null).getPropertyValue("font-size")),c||n==e||(e=e%1==0?e+0.5:e,t.style.fontSize=n/e*n+"px")}a&&(i=a.getAttribute("data-remwidth"),t=a.getAttribute("data-remswitch"),r=a.getAttribute("data-remmaxwidth"),"[remswitch]"!=t&&(i="[remwidth]"==i?750:Number(i),e.addEventListener(n,function(){clearTimeout(s),s=setTimeout(m,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(s),s=setTimeout(m,300))},!1),m()))}(window,document);
        /* clipboard.js v2.0.1
        * https://zenorocha.github.io/clipboard.js
        * 
        * Licensed MIT © Zeno Rocha
        */
        !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(t,e,n){var o,r,i;!function(a,c){r=[t,n(7)],o=c,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(t){return t&&t.__esModule?t:{default:t}}(e),r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),a=function(){function t(e){n(this,t),this.resolveOptions(e),this.initSelection()}return i(t,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,o.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,o.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),t}();t.exports=a})},function(t,e,n){function o(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!c.string(e))throw new TypeError("Second argument must be a String");if(!c.fn(n))throw new TypeError("Third argument must be a Function");if(c.node(t))return r(t,e,n);if(c.nodeList(t))return i(t,e,n);if(c.string(t))return a(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function r(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}function i(t,e,n){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,n)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,n)})}}}function a(t,e,n){return u(document.body,t,e,n)}var c=n(6),u=n(5);t.exports=o},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){function o(){r.off(t,o),e.apply(n,arguments)}var r=this;return o._=e,this.on(t,o,n)},emit:function(t){var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;for(o;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=n},function(t,e,n){var o,r,i;!function(a,c){r=[t,n(0),n(2),n(1)],o=c,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n,o){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function u(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var l=r(e),s=r(n),f=r(o),d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),p=function(t){function e(t,n){i(this,e);var o=a(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return o.resolveOptions(n),o.listenClick(t),o}return c(e,t),h(e,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===d(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,f.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new l.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return u("action",t)}},{key:"defaultTarget",value:function(t){var e=u("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return u("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach(function(t){n=n&&!!document.queryCommandSupported(t)}),n}}]),e}(s.default);t.exports=p})},function(t,e){function n(t,e){for(;t&&t.nodeType!==o;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}var o=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var r=Element.prototype;r.matches=r.matchesSelector||r.mozMatchesSelector||r.msMatchesSelector||r.oMatchesSelector||r.webkitMatchesSelector}t.exports=n},function(t,e,n){function o(t,e,n,o,r){var a=i.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function r(t,e,n,r,i){return"function"==typeof t.addEventListener?o.apply(null,arguments):"function"==typeof n?o.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return o(t,e,n,r,i)}))}function i(t,e,n,o){return function(n){n.delegateTarget=a(n.target,e),n.delegateTarget&&o.call(t,n)}}var a=n(4);t.exports=r},function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e){function n(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}t.exports=n}])});
    </script>

</head>

<body>

    <style>
        html {
            font-size: 50px
        }
        body{
            background: #eee;
        }

        /*! normalize.css v2.1.2 | MIT License | git.io/normalize */

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        nav,
        section,
        summary {
            display: block
        }

        audio,
        canvas,
        video {
            display: inline-block
        }

        audio:not([controls]) {
            display: none;
            height: 0
        }

        [hidden] {
            display: none
        }

        html {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        a:focus {
            outline: thin dotted
        }

        a:active,
        a:hover {
            outline: 0
        }

        h1 {
            font-size: 2em;
            margin: .67em 0
        }

        abbr[title] {
            border-bottom: 1px dotted
        }

        b,
        strong {
            font-weight: 700
        }

        dfn {
            font-style: italic
        }

        code,
        kbd,
        pre,
        samp {
            font-family: monospace, serif;
            font-size: 1em
        }

        pre {
            white-space: pre-wrap
        }

        q {
            quotes: "\201C""\201D""\2018""\2019"
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sup {
            top: -.5em
        }

        sub {
            bottom: -.25em
        }

        img {
            border: 0;
            vertical-align: middle
        }

        svg:not(:root) {
            overflow: hidden
        }

        figure {
            margin: 0
        }

        fieldset {
            border: 1px solid silver;
            margin: 0 2px;
            padding: .35em .625em .75em
        }

        legend {
            border: 0
        }

        button,
        input,
        select,
        textarea {
            font-family: inherit;
            font-size: 100%;
            margin: 0
        }

        button,
        input {
            line-height: normal
        }

        input:focus {
            outline: none
        }

        button,
        select {
            text-transform: none
        }

        button[disabled],
        html input[disabled] {
            cursor: default
        }

        input[type=checkbox],
        input[type=radio] {
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        input[type=search] {
            -webkit-appearance: textfield;
            -moz-box-sizing: content-box;
            box-sizing: content-box
        }

        input[type=search]::-webkit-search-cancel-button,
        input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

        textarea {
            overflow: auto;
            vertical-align: top
        }

        table {
            border-collapse: collapse
        }

        body,
        html {
            margin: 0;
            padding: 0;
            border: 0;
            -webkit-text-size-adjust: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        a,
        abbr,
        acronym,
        address,
        article,
        aside,
        blockquote,
        body,
        caption,
        code,
        dd,
        del,
        dfn,
        dialog,
        div,
        dl,
        dt,
        em,
        fieldset,
        figure,
        footer,
        form,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        header,
        hgroup,
        iframe,
        img,
        label,
        legend,
        li,
        nav,
        object,
        ol,
        p,
        pre,
        q,
        section,
        span,
        table,
        tbody,
        td,
        tfoot,
        th,
        thead,
        tr,
        ul {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        button,
        input[readonly],
        input[type=button],
        input[type=reset],
        input[type=submit] {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-appearance: none
        }

        article,
        aside,
        details,
        dialog,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block
        }

        ol,
        ul {
            list-style: none
        }

        table {
            border-collapse: separate;
            border-spacing: 0
        }

        table,
        td,
        th {
            vertical-align: middle
        }

        caption,
        td,
        th {
            text-align: left;
            font-weight: 400
        }

        body {
            font: 14px PingFangSC-Regular, Helvetica Neue, Helvetica, STHeiTi, sans-serif;
            overflow-x: hidden
        }

        ::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0
        }

        ::-webkit-input-placeholder {
            color: #ccc
        }

        a {
            text-decoration: none;
            -webkit-touch-callout: none
        }

        a:active {
            outline: none
        }

        a.underline:active,
        a.underline:hover,
        a.underline:link,
        a.underline:visited {
            text-decoration: underline
        }

        .arial {
            font-family: Helvetica, Arial, sans-serif
        }

        .bold,
        .pf-bold {
            font-family: PingFangSC-Medium;
            font-weight: 500
        }

        .fl-android .bold,
        .fl-android .pf-bold {
            font-weight: 700
        }

        .clearfix {
            *zoom: 1
        }

        .clearfix:after,
        .clearfix:before {
            display: table;
            line-height: 0;
            content: ""
        }

        .clearfix:after {
            clear: both
        }

        .w100 {
            display: block;
            width: 100%;
            vertical-align: middle
        }

        .flex {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-box;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-align: center
        }

        .flex-1 {
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-flex: 1
        }

        @-webkit-keyframes a {
            0% {
                opacity: 0
            }

            25% {
                opacity: .25
            }

            50% {
                opacity: .5
            }

            to {
                opacity: 1
            }
        }

        @keyframes a {
            0% {
                opacity: 0
            }

            25% {
                opacity: .25
            }

            50% {
                opacity: .5
            }

            to {
                opacity: 1
            }
        }

        .img-fadein {
            -webkit-animation-duration: .25s;
            animation-duration: .25s;
            -webkit-animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-timing-function: ease;
            -webkit-animation-name: a;
            animation-name: a
        }

        @-webkit-keyframes b {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }

            80% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }

            98% {
                opacity: .1;
                -webkit-transform: translateY(-20px)
            }

            to {
                opacity: 0;
                -webkit-transform: translateY(-10000px)
            }
        }

        @keyframes b {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                transform: translateY(20px)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

            80% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

            98% {
                opacity: .1;
                -webkit-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            to {
                opacity: 0;
                -webkit-transform: translateY(-10000px);
                transform: translateY(-10000px)
            }
        }

        .fl-hairlines .b1px {
            border-width: .7px
        }

        @media (max-device-width: 320px) {
            .fl-hairlines.fl-iphone .b1px {
                border-width: .5px
            }
        }

        @supports (padding-bottom: constant(safe-area-inset-bottom)) {
            body {
                padding-bottom: constant(safe-area-inset-bottom)
            }
        }

        @supports (padding-bottom: env(safe-area-inset-bottom)) {
            body {
                padding-bottom: env(safe-area-inset-bottom)
            }
        }
        body{
            background: #fef7ef;
            overflow-x: hidden;
        }
        .img-box{
            position: relative;
            width: 100%;
            height: 7.67rem;
        }
        .head-box{
            position: absolute;
            width: 100%;
            height: 2.33rem;
            left: 0;
            bottom: 0;
        }
        .head-qrcode{
            position: absolute;
            width: 2.86rem;
            height: 2.86rem;
            left: 50%;
            bottom: 2.33rem;
            -webkit-transform: translate(-50%);
            transform: translate(-50%);
        }
        .head-text{
            line-height: 0.4rem;
            margin: 0.1rem auto 0.2rem;
            font-size: 0.26rem;
            color: #666;
            text-align: center;
        }
        .head-text span{
            color: #C9411B;
        }
        .red-code-box{
            width: 5.52rem;
            height: 0.72rem;
            margin: 0 auto;
            padding: 0 0.3rem;
            background: #FFE4DB url(//static2.51fanli.net/robot/images/red/icon-red.png) 0.3rem center / 0.32rem no-repeat;
            border-radius: 0.23rem;
            box-sizing: border-box;
            font-size: 0.3rem;
        }
        .red-text{
            margin: 0 0.5rem;
            color: #000;
            white-space: nowrap;
            word-break: keep-all;
        }
        .code-copy{
            display: block;
            line-height: 0.6rem;
            color: #C9411B;
            text-decoration: underline;
        }
        .footer-box{
            position: relative;
            width: 2.86rem;
            margin: 0 auto;
            top: -1.8rem;
        }
        .footer-tips{
            line-height: 0.33rem;
            font-size: 0.24rem;
            color: #333;
            text-align: center;
        }
    </style>
        <div class="img-box">
            <img class="w100" src="//static2.51fanli.net/robot/images/red/header-bg.png" alt="">
            <img class="head-qrcode J_qrcode_pic" src="" alt="">
            <div class="head-box">
                <p class="head-text">长按二维码添加我为好友<br>将红包码发给我领取<span class="J_red">00</span>元微信红包</p>
                <div class="red-code-box flex">
                    <p class="red-text flex-1">红包码：<span class="J_red_code"></span></p>
                    <a type="button" href="javascript:;" class="code-copy J_copy" data-clipboard-text="">复制红包码</a>
                </div>
            </div>
        </div>

        <img class="w100" src="//static2.51fanli.net/robot/images/red/body-1.png" alt="">
        <img class="w100" src="//static2.51fanli.net/robot/images/red/body-2.png" alt="">
        <div class="footer-box">
            <img class="w100 J_qrcode_pic" src="" alt="">
            <p class="footer-tips">长按二维码添加我哦</p>
        </div>

    <!-- zepto无需上传，快站外层默认引入zepto，有全局$可用 -->
    <script src="https://kzcdn.itc.cn/res/skin/js/zepto.min.js?v=5.0"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

    <script>
        var $copyBtn = $('.J_copy');
        var getQrCodeUrl = 'https://wxfl.fanli.com/h5/invite/detail';

        var params = (function(){
            var _params = {};
            // location.search.replace('?', '').split('&').concat(location.hash.replace('#', '').split('&')).forEach(function (item) {
            location.hash.replace('#', '').split('&').forEach(function (item) {
                var _item = item.split('=');
                _params[_item[0]] = decodeURIComponent(_item[1]);
            });

            return _params || {};
        })();

        // $('.J_pic').attr('src', params.image);

        initCode();
        initClipBoard();

        function initClipBoard(){
            var clipboard = new ClipboardJS('.J_copy');
            var copyTimer;

            clipboard.on('success', function(e){
                clearTimeout(copyTimer);
                $copyBtn.text('复制成功');
                e.clearSelection();
                copyTimer = setTimeout(function(){
                    $copyBtn.text('复制红包码');
                }, 4000);
            })
        }

        function initCode(){
            var _code = params.code;
            if(_code) {
                $('.J_red_code').text(_code);
                document.querySelector('.J_copy').setAttribute('data-clipboard-text', _code);
                getQrCode(_code);
            }
        }

        function getQrCode(code) {
            $.getJSON(getQrCodeUrl, {code: code}, function(res){
                if(res.code == 0){
                    $('.J_qrcode_pic').attr('src', res.data.qrcode);
                    $('.J_red').text(res.data.redpacket);
                }
            });
        }
    </script>

    <script>
        var isFromWeixin = navigator.userAgent.toLowerCase().indexOf("micromessenger") > -1;
        var getWxConfigUrl = 'https://wxfl.fanli.com/h5/invite/getWxConfig';

        wxConfig();

        function wxConfig(){
            if(!isFromWeixin) return;

            $.ajax({
                url: getWxConfigUrl,
                async: false,
                dataType: 'json',
                data: {
                    sign_url: location.href.split('#')[0]
                },
                success: function(res){
                    if(res.code == 0){
                        initWxShare(res.data.wxConfig);
                    }
                }
            })
        }

        function initWxShare(wxConfig){
            if(!wxConfig) return;

            wx.config({
                debug: false,
                appId: wxConfig.appId,
                timestamp: wxConfig.timestamp,
                nonceStr: wxConfig.nonceStr,
                signature: wxConfig.signature,
                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
            });

            wx.error(function(res){
                console.log(res)
            });

            wx.ready(function(){
                wx.onMenuShareAppMessage({
                    title: '加“淘宝返利助手”为好友，领取10元微信红包',
                    desc: '将淘宝商品分享给它，能领到淘宝独家大额优惠券，还能有返利！',
                    link: location.href,
                    imgUrl: 'https://l0.51fanli.net/ppclick/images/2018/12/07/98bb710097b4c397293d0c2959995394.jpg',
                    success: function(res) {

                    },
                    fail: function(res) {

                    }
                });

                wx.onMenuShareTimeline({
                    title: '加“淘宝返利助手”为好友，领取10元微信红包',
                    // desc: '将淘宝商品分享给它，能领到淘宝独家大额优惠券，还能有返利！',
                    link: location.href,
                    imgUrl: 'https://l0.51fanli.net/ppclick/images/2018/12/07/98bb710097b4c397293d0c2959995394.jpg',
                    success: function(res) {

                    },
                    fail: function(res) {

                    }
                });
            })
        }
    </script>

</body>

</html>